<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			<button onclick="sendMessage()">发送消息</button>
		</div>
	</body>
	<script>
	var socket;
	if(typeof(WebSocket) == "undefined") {
	        console.log("您的浏览器不支持WebSocket");
	    }else{
	        console.log("您的浏览器支持WebSocket");
	        //实现化WebSocket对象，指定要连接的服务器地址与端口  建立连接
	        //等同于socket = new WebSocket("ws://localhost:8888/xxxx/im/25");
	        //var socketUrl="${request.contextPath}/im/"+$("#userId").val();
	        var socketUrl="http://localhost:8085/api/ws/asset";
	        socketUrl=socketUrl.replace("https","ws").replace("http","ws");
	        console.log(socketUrl);
	        if(socket!=null){
	            socket.close();
	            socket=null;
	        }
	        socket = new WebSocket(socketUrl);
	        //打开事件
	        socket.onopen = function() {
	            console.log("websocket已打开");
	            //socket.send("这是来自客户端的消息" + location.href + new Date());
	        };
	        //获得消息事件
	        socket.onmessage = function(msg) {
	            console.log(msg);
				// socket.send("客户端的消息");
	        };
	        //关闭事件
	        socket.onclose = function() {
	            console.log("websocket已关闭");
	        };
	        //发生了错误事件
	        socket.onerror = function() {
	            console.log("websocket发生了错误");
	        };
				 function sendMessage() {
				     if(typeof(WebSocket) == "undefined") {
				         console.log("您的浏览器不支持WebSocket");
				     }else {
				         console.log("您的浏览器支持WebSocket");
				         console.log('{"toUserId":"'+$("#toUserId").val()+'","contentText":"'+$("#contentText").val()+'"}');
				         socket.send('{"toUserId":"'+$("#toUserId").val()+'","contentText":"'+$("#contentText").val()+'"}');
				     }
				  
				  }
			
	    }
	</script>
</html>
